<template>
    <div class="home">
        <el-container>
        <el-header>
         <Header></Header>
        </el-header>
        <el-container>
            <el-aside width="200px">
                <Aside></Aside>
            </el-aside>
            <el-main><RouterView></RouterView></el-main>
        </el-container>
        </el-container>
    </div>
</template>

<script setup lang="ts">

import Header from "./components/Header.vue"
import Aside from "./components/Aside.vue"
</script>

<style scoped lang="less">

    .home{
        height: 100%;
        :deep(.el-header){
            height: 70px;
            background-color: #409eff;
        }
        :deep(.el-aside){
            height: calc(100vh - 70px);
            background-color: #304156;
            overflow: hidden;
            &::-webkit-scrollbar{
                width: 0;
            }
        }
    }
</style>